<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/book/res/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/book/res/lib/iconfont/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/book/res/css/layui.css"/>
	</head>
	<body>
		<div class="index-body">
			<!--顶部-->
			<div  class="book-dh1">
				<i class="icon iconfont icon-icecream-"></i>
				<div class="welcome">
					<span>欢迎来到小可爱图书馆！</span>
				</div>
				<div class="login-user">
					<span>当前登录用户：</span>
					<a href="">小可爱</a>
				</div>
			</div>
			<!--顶部结束-->
			<!--导航-->
			<div class="front-dh">
				<div class="dh-wdts">
					<span><a href="${BASE_PATH}/book/front/index/index.htm">我的图书馆</a></span>
				</div>
				<div class="dh-wdsc">
					<span><a href="${BASE_PATH}/book/front/collection/collection.htm">我的收藏</a></span>
				</div>
				<div class="dh-tsjy">
					<span><a href="${BASE_PATH}/book/front/borrow/borrow.htm">图书借阅</a></span>
				</div>
				<div class="dh-tscx">
					<span><a href="${BASE_PATH}/book/front/query/query.htm">图书查询</a></span>
				</div>
			</div>
			<!--导航结束-->
			<!--我的图书馆-->
			<div class="index-content">
				<div class="user-img">
					<img src="../res/img/user.jpg" />
				</div>
				<div class="user-name">
					<span>姓名：</span>
					<span class="name1">XXX</span>
				</div>
				<div class="user-username">
					<span>用户名：</span>
					<span class="name1">小可爱</span>
				</div>
				<div class="user-sex">
					<span>性别：</span>
					<span class="name1">女</span>
				</div>
				<div class="user-tell">
					<span style="margin-left: -17px;">联系电话：</span>
					<span style="margin-left: 15px;">13314414666</span>
				</div>
				<div class="jieyuetushu">
					<span>已借阅图书</span>
				</div>
				<table class="layui-table" lay-skin="line">
				  <colgroup>
				  	<col width="80">
				    <col width="100">
				    <col width="120">
				    <col width="150">
				    <col width="120">
				    <col width="200">
				    <col>
				  </colgroup>
				  <thead>
				    <tr>
				      <th>序号</th>
				      <th>图片</th>
				      <th>书名</th>
				      <th>图书编号</th>
				      <th>借阅时间</th>
				      <th>是否归还</th>
				    </tr> 
				  </thead>
				  <tbody>
				    <tr>
				      <td>1</td>
				      <td><img src="../res/img/ts7.jpg" style="width: 80px;height: 80px;"/></td>
				      <td>《飞鸟集》</td>
				      <td>123456</td>
				      <td>2017-04-12</td>
				      <td>是</td>
				    </tr>
				    <tr>
				      <td>2</td>
				      <td><img src="../res/img/ts8.jpg" style="width: 80px;height: 80px;"/></td>
				      <td>《繁星·春水》</td>
				      <td>654321</td>
				      <td>2017-04-12</td>
				      <td>是</td>
				    </tr>
				  </tbody>
				</table>   
			</div>
			<!--我的图书馆end-->
			<!--推荐图书-->
			<div class="index-right">
				<h1>推荐图书</h1>
				<div class="right1">
					<img src="../res/img/ts1.jpg" />
					<span>解忧杂货店</span>
				</div>
				<div class="right2">
					<img src="../res/img/ts2.jpg" />
					<span>那么慢，那么美</span>
				</div>
				<div class="right3">
					<img src="../res/img/ts3.jpg" />
					<span>偷影子的人</span>
				</div>
				<div class="right4">
					<img src="../res/img/ts4.jpg" />
					<span>岛上书店</span>
				</div>
			</div>
			<!--推荐图书end-->
		</div>
	</body>
</html>
